浏览器兼容性

CSS

• 在 IE6 中设置了float 与 margin， 会出现双边距问题

  • 解决方案：display: inline;

• 当标签的高度设置小于10px，在 IE6、IE7 中会超出自己设置的高度

  • 解决方案：超出高度的标签设置 overflow：hidden ；
  • 或设置 line-height 的值小于你的设置高度。

• IE9以下浏览器不能使用 opacity

  • filter：alfha(opacity=50);

• margin 塌陷，父级与子级 margin 重复

  • overflow：hidden;

• cursor：hand显示手型在safari上不支持

• 两个块级元素，父元素设置了 overflow：auto；子元素设置了 position：relative；且高度大于父元素，在IE6、IE7会被隐藏而不是溢出；

  • 解决方案：父级元素设置 position：relative;

• 盒模型不同

• 元素居中（IE5：text-aline: center;）

DOM

• 事件绑定：IE：dom.attachEvent();，事件冒泡，
• 滚动条，视口宽，元素节点 API

AJAX

• IE：ActiveXObject
• 其他：xmlHttpReuest